import Todo from './Todo.jsx'

const TodoList = (props) => {
  console.log(props)
  return (
    <ul>
      {
        props.todos.map(todo => (
          <Todo key={todo.id} {...todo} onClick={()=>props.toggleTodo(todo.id)} />
        ))
      }
    </ul>
  )
}

export default TodoList